<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://www.w3school.com.cn/lib/bs/bootstrap.css" rel="stylesheet">
<!-- 最新编译的 JavaScript -->
<script src="https://www.w3school.com.cn/lib/bs/bootstrap.js"></script>
<link rel="stylesheet" href="css/kf.css">
</head>
<body>
      <!-- 林梦雅20软单20200508110 -->
    <div class="part1"><!-- 首页头部 -->
        <nav class="navbar navbar-expand-sm part1-tt">
            <div class="container-fluid">
              <a class="navbar-brand" href="ypjdsy.html"><img src="img/log.png" alt=""></a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="ypjdsy.html" >首页</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="kf.html" >客房</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="yytime.html" >营运时间</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="cyjjn.html" >餐宴及佳酿</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="jcss.html" >精彩盛事</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="shopty.html" style="font-weight: bolder;color: #266258;">购物体验</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="rhjx.html">荣获奖项</a>
                  </li>


                  <li class="nav-item">
                    <a class="nav-link" href="chatus.html">联系我们</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        
        
    </div>
    <div class="part2-6">
        <div class="part6-z">
            <p class="part6-tt">购物体验</p>

            <p>
                莅临优品及壹號廣塲，开展您从未有过的精彩购物体验。
                座落于澳门优越位置和黄金地段，荟萃超过70个国际及本地的高端奢侈时尚品牌，
                集购物、美馔、美容和住宿于一身，只待富品味而别具慧眼的您逐一探索。
            </p>
            <img src="img/shop/shop.png" alt="" class="part6-img1">
            <div class="search-6">
              <br>
              <input type="text" id="search-input" placeholder="搜索品牌..." style="width: 600px;">
              <button onclick="searchContent()" class="learn-more-button">搜索</button>
            </div>
            <script>
              function searchContent() {
                var searchInput = document.getElementById('search-input');
                var filter = searchInput.value.toUpperCase();
                var divs = document.querySelectorAll('.part6-nrz > div');
            
                for (var i = 0; i < divs.length; i++) {
                  var title = divs[i].querySelector('.part3-tt');
                  if (title.innerHTML.toUpperCase().indexOf(filter) > -1) {
                    divs[i].style.display = '';
                  } else {
                    divs[i].style.display = 'none';
                  }
                }
              }
            </script>
            <div>
                    <div class="part6-nrz">
                          <div class="nr6">
                                <p class="part3-tt">德国朗格</p>
                                <div class="lr-6">
                                      
                                      <div class="left-6">
                                      
                                      <p>德累斯顿制表师费尔迪南多‧阿道夫‧朗格（Ferdinand Adolph Lange）于1845年创立自己的制表厂。自1994年起，朗格研发出65款自制机芯，并雄踞制表界的领导地位。
                                        品牌的标志表款，如LANGE 1和ZEITWERK，
                                        又或具非凡复杂设计的ZEITWERK MINUTE REPEATER、TRIPLE SPLIT，皆展现出朗格在传统制表上精益求精的决心.</p>
                                      </div>
                                    <div class="right6">
                                      <img src="img/shop/1.jpg" alt="" class="image-container6">
                                    </div>
                                </div>
                          </div>
                          <div class="nr6">
                                <p class="part3-tt">AERONAUTICA MILITARE
                              </p>
                              <div class="lr-6">
                                    
                                    <div class="left-6">
                                    
                                    <p>Aeronautica Militare的产品包括女士、男士、小朋友的整体造型及配件如摩托车头盔、太阳眼镜、沙滩装、手袋、背囊和皮革制品等。
                                      所有品牌系列上之独特饰品、徽章及勋章等均为绝对原创，
                                      并由过往直到现时空军飞行员均穿着之系列装饰相同。独家经销权保证了我们的用心经营及服装的高质量，
                                      对于选购我们服装产品，外套、运动衫、T-恤、裤子等各类服饰的顾客提供了更大的信心保证。</p>
                                  </div>
                                  <div class="right6">
                                    <img src="img/shop/2.jpg" alt="" class="image-container6">
                                  </div>
                              </div>
                          </div>
                          <div class="nr6">
                                <p class="part3-tt">BOTTEGA VENETA
                              </p>
                              <div class="lr-6">
                                    
                                    <div class="left-6">
                                    
                                    <p>Bottega Veneta在1966年创立于意大利维琴察，自此为奢华赋予一套新定义。
                                      深受意大利文化的启发，同时展现国际风尚，Bottega Veneta成为别树一帜的奢华品牌。
                                      Bottega Veneta采用珍贵素材，制作各种旨在融入个人生活之中的优质产品，
                                      与使用者如影随形。品牌始终坚持时尚、创新与奢华的核心价值，全线系列包括男女及家居产品均秉承着同一理念。</p>
                                  </div>
                                  <div class="right6">
                                    <img src="img/shop/3.jpg" alt="" class="image-container6">
                                  </div>
                          </div>
                          </div>
                          <div class="nr6">
                            <p class="part3-tt">宝诗龙</p>
                            <div class="lr-6">
                                  
                                  <div class="left-6">
                                  
                                  <p>宝诗龙作为首个在巴黎旺多姆广场开设专卖店的当代杰出珠宝商，
                                    自1858年起一直是珠宝、高级珠宝及腕表工艺的卓越典范。
                                    时至今日，每一系列作品皆发想自 Boucheron宝诗龙的历史与价值，
                                    颂扬持续创新发展的当代工艺技术。品牌的经典系列包括 Quatre、Serpent Bohème、动物系列和高级珠宝系列。</p>
                                  </div>
                                <div class="right6">
                                  <img src="img/shop/4.jpg" alt="" class="image-container6">
                                </div>
                            </div>
                          </div>
                          <div class="nr6">
                            <p class="part3-tt">布契拉提</p>
                            <div class="lr-6">
                                  
                                  <div class="left-6">
                                  
                                  <p>布契拉提于1919年在米兰创立，是世界最著名的高级珠宝商之一，
                                    秉承文艺复兴时期传统金匠工艺，以织纹、精雕、切割等标志性技艺蜚声国际。</p>
                                  </div>
                                <div class="right6">
                                  <img src="img/shop/5.gif" alt="" class="image-container6">
                                </div>
                            </div>
                          </div>
                          <div class="nr6">
                            <p class="part3-tt">博柏利</p>
                            <div class="lr-6">
                                  
                                  <div class="left-6">
                                  
                                  <p>Burberry博柏利的不同系列和配饰仍深受品牌传统影响，不时推出时尚实用且能遮风挡雨的衣饰。
                                    Burberry博柏利的男装、女装和童装系列，备有外衣、成衣和配饰，并在全球五十个国家的五百家商店发售。</p>
                                  </div>
                                <div class="right6">
                                  <img src="img/shop/6.jpg" alt="" class="image-container6">
                                </div>
                            </div>
                          </div>
                          <div class="nr6">
                                <p class="part3-tt">宝格丽</p>
                                <div class="lr-6">
                                      
                                      <div class="left-6">
                                      
                                      <p>BVLGARI宝格丽的设计以独特大胆且富有当代风格见称，
                                        深为全球喜爱别出心裁优质设计的顾客欣赏。影星伊丽莎白·泰勒在世时，
                                        就是最忠实的捧场客之一，她拥有多款独此一件的设计，全都是散溢着BVLGARI宝格丽独特风格的精品。</p>
                                      </div>
                                      <div class="right6">
                                        <img src="img/shop/7.jpg" alt="" class="image-container6">
                                      </div>
                                </div>
                            </div>
                  </div>
              <br>
              <div class="pagination" >
                
                <button onclick="showPage(1)" style="width: 100px;">1</button>
                <button onclick="showPage(2)" style="width: 100px;">2</button>
                <button onclick="showPage(3)" style="width: 100px;">3</button>
              </div>
              <script>
                var nr6Divs = document.querySelectorAll('.part6-nrz > .nr6');
                var itemsPerPage = 3;
              
                function showPage(page) {
                  var startIndex = (page - 1) * itemsPerPage;
                  var endIndex = startIndex + itemsPerPage;
              
                  for (var i = 0; i < nr6Divs.length; i++) {
                    if (i >= startIndex && i < endIndex) {
                      nr6Divs[i].style.display = '';
                    } else {
                      nr6Divs[i].style.display = 'none';
                    }
                  }
                }
              
                // 默认显示第一页
                showPage(1);
              </script>
            </div>
        </div>  
    </div>

    <div class="part4z"><!-- 最后商标 -->

        <div class="part4z-tt">
            <img src="img/2log.png" alt="" style="width: 200px;">
            <p>优品致力成为全球最创新的综合度假酒店</p>
        </div>
    </div>
</body>
</html>